<template>
    <TableContent>
        <template v-slot>
            <TableHeader>
                <template v-slot:left>
                    <n-form-item label="名称" label-placement="left" :show-feedback="false">
                        <n-input size="small" />
                    </n-form-item>
                </template>
                <template v-slot:right>
                    <n-space>
                        <n-button size="small" type="info">查询</n-button>
                    </n-space>
                </template>
            </TableHeader>
            <TableHeader>
                <template v-slot:left>
                    <n-button size="small" type="info">新增</n-button>
                </template>
                <template v-slot:right>
                    <n-tooltip placement="bottom">
                        <template #trigger>
                            <n-icon size="22">
                                <SettingsIcon/>
                            </n-icon>
                        </template>
                        列设置
                    </n-tooltip>
                </template>
            </TableHeader>
        </template>
    </TableContent>
</template>
<script lang="ts" setup>
import { TableContent, TableHeader } from '@/components/TableContent/index'
import { Settings as SettingsIcon } from '@vicons/carbon'

</script>